{% extends 'base_dashboard.html' %}

{% block title %}Issued certificates — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-start mb-4 flex-wrap gap-2">
  <div>
    <h4 class="fw-bold mb-1">Issued certificates</h4>
    <p class="text-muted small mb-0">Print official hard copies for students. Soft copies are available to students from their account.</p>
  </div>
</div>
<div class="card border-0 shadow-sm rounded-4">
  <div class="table-responsive">
    <table class="table mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th class="ps-4">Certificate ID</th>
          <th>Recipient</th>
          <th>Program</th>
          <th>Score</th>
          <th>Issued</th>
          <th class="pe-4 text-end">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for c in certificates %}
        <tr>
          <td class="ps-4 font-monospace">{{ c.verification_code }}</td>
          <td>{{ c.recipient_name }}</td>
          <td>{{ c.program_title }}</td>
          <td>{{ c.score_percent }}%</td>
          <td>{{ c.issued_at|date:"d M Y" }}</td>
          <td class="pe-4 text-end">
            <a href="{% url 'certifications:certificate_details' c.verification_code %}" class="btn btn-sm btn-outline-secondary">Details</a>
            <a href="{% url 'certifications:certificate_soft' c.verification_code %}" class="btn btn-sm btn-outline-primary">Soft</a>
            <a href="{% url 'certifications:certificate_hard' c.verification_code %}?print=1" class="btn btn-sm btn-success">
              <i class="bi bi-printer me-1"></i>Print hard copy
            </a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="text-center text-muted py-5">No certificates issued yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}